.overlay{
	position: fixed;
	top: 0px;
	bottom: 0px;
	width: 100%;
	background: rgba(0,0,0,0.2);
}
#container {
margin: auto;
width: 100%;
max-width: 900px;
background : rgb(225, 250, 218);
overflow-x: hidden; 
}
#topheader{

/*text-shadow: 3px 3px 5px #ffffff;*/
/*font-family: Segoe Script;*/
background: #FFD700;
/*background: -webkit-linear-gradient(top,#000000, #000000 50%,#000000);
background: linear-gradient(top,#000000, #000000 50%,#000000);*/
height: 80px;
}
#logo{
	width: 200px;
	position: absolute;
	margin-left: 10px;
	margin-top: 5px;
}
#footer-bar{
	background: #FFD700;
	height: 55px;
	margin-top: 5px;
}/*
#topheader a{
	color: purple;
	text-shadow: 3px 3px 5px #ffffff;
	font-size: 40px;
	font-weight: 600;
}*/
/* login 
#login-icon{
	margin-right: 30px; 
	margin-top: 60px;
	color: #777;
	cursor: pointer;
}
#login-icon img{
	border-radius:5px;
	height: 30px;
}
.user_info{
	display: block;
	color: #777;
	font-size: 16px;
	font-family: 'arial';
	margin-top: 60px;
	margin-right: 30px;
	vertical-align: middle;
}
*/
#top_icon{
	margin-right: 20px;
	margin-top: 5px;
}
#top_icon ul{
	list-style: none;
}
#top_icon li{
	margin-left : 5px;
	display: inline-block;
	list-style: none;
}

.triangle_bottom{
	width: 0px;
	height: 0px;
	border-width: 7px;
	border-color:  #999 rgba(0,0,0,0) rgba(0,0,0,0);
	border-style: solid;   
	margin-top: 15px;
	margin-left: 5px;
}
#acount_setting_box{
	width: 320px;
	height : auto;
	background: white;
	position: absolute;
	z-index: 2;
	padding: 15px;
	top :125px;
	margin-left: 530px;
	background: #ddd;
	border: white solid 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 3px #eee;
}
#acount_setting_box:after{
	content:"";
    width : 0px;
    height :0px;
    position:absolute;
    border-color:transparent;
    border-style : solid;
    border-width: 0px 13px 15px 13px;
	border-bottom-color: white;
	left: 320px;
	top: -15px;
}
.acount_btn {
background-color: #4d90fe;
background: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
background: -webkit-linear-gradient(top,#4d90fe,#4787ed);
background: -moz-linear-gradient(top,#4d90fe,#4787ed);
background: -ms-linear-gradient(top,#4d90fe,#4787ed);
background: -o-linear-gradient(top,#4d90fe,#4787ed);
background: linear-gradient(top,#4d90fe,#4787ed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
border: 1px solid #3079ed;
color: #fff!important;
margin: 0 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
cursor: default !important;
display: inline-block;
font-weight: bold;
height: 29px;
line-height: 29px;
min-width: 70px;
padding: 0 8px;
text-align: center;
text-decoration: none !important;
-moz-user-select: none;
-webkit-user-select: none;
}
.acount_name{
	font-weight: bold;
}
.avatar{
	margin-right: 15px;
}
div.button_row{
	margin-top: 20px;
}
.acount_right_info{
	line-height: 150%;
}
footer{
	display:block;
	background: url(../../common/img/zegomelogo.png) no-repeat;
	background-size: 350px 150px;
	background-position:center;
	background-color: rgb(255,234,57);
	width: 100%;
	text-align: center;
	color: #555;
	padding-top: 300px;
}
.product_detail {
font-size: 13px;
line-height: 18px;
color: #414142;
text-align: justify;
max-height: 36px;
overflow: hidden;
}

.info{
padding-top: 14px;
padding-left: 90px;
}
.info .product_detail, .info .bottom_info{
display: block;
}
.download_number{
	vertical-align: top;
}

.left_icon {
float: left;
width: 21.25%;
max-width: 150px;
padding: 20px 15px;
padding-left: 0px;
}
.icon {
width: 100%;
max-width: 150px;
max-height: 150px;
}
.right_info {
float: right;
width: 17%;
max-width: 46px;
height: 73px;
}
.bottom_info {
font-size: 13px;
line-height: 120%;
color: #414142;
text-align: justify;
max-height: 36px;
overflow: hidden;
vertical-align: top;
margin-top: 2px;
}
.name {
font-size: 16px;
color: #000000;
}
.name span {
overflow: hidden;
line-height: 25px;
max-height: 25px;
}
/*game detail*/
#head_detail{
	padding-top : 20px;
}
#head_detail .icon{
	margin-left: 20px;
	margin-bottom: 30px;
	margin-right: 30px; 
	width: 150px;
	height: 150px;
}
#game_info p{
	padding: 20px;
	line-height: 25px;
}
.right_gameinfo{
	line-height: 25px;
}
#head_detail .game_name{
	font-size: 20px;
}
#btns{
	margin-top: 15px
}
#share{
	padding-bottom:1px;
	padding-left :2px;
	padding-top:1px;
	border: #aaa solid 1px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	display: inline-block;
	width : 55px;
	font-size: 12px;
	margin-right:5px;
	background: #FCB708;
	color: gray;
}
#share:hover{
	background: #ddd;
}
#detail_slider{
	margin-left: 500px;
	margin-top: -10px;
	width: 350px;
	height : 200px;
	max-width: 350px;
	overflow: hidden;
	position: absolute;
}
.next{
	width: 0px;
	height: 0px;
	border-width:20px 0px 20px 20px ;
	border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #eee;
	border-style: solid;
	margin-top: 70px;
	margin-left: 330px;
}
.prev{
	width: 0px;
	height: 0px;
	border-width:20px 20px 20px 0px ;
	border-color: rgba(0,0,0,0) #eee rgba(0,0,0,0) rgba(0,0,0,0) ;
	border-style: solid;
	margin-top :70px;
	margin-left: 15px;
}
.next, .prev{
	position: absolute;
	z-index: 2;
	cursor: pointer;
	display: none;
	
}
.touchslider{
	margin-top: -15px;
}
.touchslider:hover .next, .touchslider:hover .prev{
	display: block;
}
#game_info{
	background: #FF80F5;
	/*padding: 0px 50px 20px 50px;*/
	
}

#clip{
	width:100%;
	float: right;
}
#clip iframe{
	margin-right: 40px;
}
#facelikebox{
	min-height: 250px;
}
#facelikebox iframe{
	background: #eee;
	margin-right: 40px;
}
#clip div{
	margin: 60px 20px 0px 0px;
	font-family: "bananasp";
	font-size: 30px;
	text-align: center;
	color: green;
	max-width: 345px;
}
#help{
	width: 450px;
	margin-left: 50px;
	line-height: 30px;
	color: purple;
}
#help ul{
	padding-left: 50px;
}

.oval-thought {
position: relative;
width: 200px;
padding: 50px 40px;
margin-left: 50px;
margin-top: 20px;
text-align: center;
color: #fff;
background: #075698;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background: -moz-linear-gradient(#2e88c4, #075698);
background: -o-linear-gradient(#2e88c4, #075698);
background: linear-gradient(#2e88c4, #075698);
-webkit-border-top-left-radius: 220px 120px;
-webkit-border-top-right-radius: 220px 120px;
-webkit-border-bottom-right-radius: 220px 120px;
-webkit-border-bottom-left-radius: 220px 120px;
-moz-border-radius: 220px / 120px;
border-radius: 220px / 120px;
}
.oval-thought:before {
content: "";
position: absolute;
bottom: -20px;
left: 50px;
width: 30px;
height: 30px;
background: #075698;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.oval-thought:after {
content: "";
position: absolute;
bottom: -30px;
left: 30px;
width: 15px;
height: 15px;
background: #075698;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
/*
form
*/
.x_btn{
	width: 30px;
	height: 30px;
	margin-top: -35px;
	margin-right :-5px;
	border-radius: 100px; 
}
input[type='text'],input[type='password']{
	background: #ddd;
	border: 1px solid #fefdfd;
	border-top: 1px solid #bfbfbf;
	padding: 6px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#btn_login,#btn_login_face{
	/*border: 1px #8790a2 solid;*/
	border: 0px;
	margin: auto;
	/*-webkit-box-shadow: inset 0px 0px 0px 1px #fffdd4;*/
	background: #FF2525;
	color: #ffffff;
	padding: 7px 0px;
	width : 100%;;
	display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 120%;
	font-weight: bold
	
}
#btn_login_face{
	background:rgb(67,156,206);
	/*-webkit-box-shadow: inset 0px 0px 0px 1px #4077a2;
	color: #eee;*/
}
#form_login{
	clear : both;
	padding: 30px 0px;
	width: 350px;
	background: rgba(41,107,140,0.9);
	position: fixed;
	z-index: 2;
	border-radius : 10px;
	-webkit-box-shadow: inset 0px 0px 100px 50px rgb(41,107,140);
	-webkit-box-shadow: 0px 0px 10px 3px #eee;
	margin-left: 325px;
}
#form_login table{
	margin: auto;
	width: 70%;
}
#form_login table td{
	height: 60px;
}
#form_login table td:first-child{
	font-weight:bold;
	padding-right: 10px;
}
.paginationControl a{
	padding : 7px 0px;
	width: 28px;
	margin-right:5px;
	display: inline-block;
	border-radius : 50px;
	background: green;
	color: white;
}
.paginationControl a:hover, .paginationControl a.current_page{
	background: grey;

}
.paginationControl{
	margin-top: 5px;
}
.info_menu_item:after{
	content:"";
    width : 0px;
    height :0px;
    position:absolute;
    border-color:transparent;
    border-style : solid;
    border-width: 0px 13px 15px 13px;
	border-bottom-color: #008199;
	z-index: 3;
}
.info_menu_item.active:after{
	border-bottom-color: #034B8A;
}
.info_menu_item:after{
	content:"";
    width : 0px;
    height :0px;
    position:absolute;
    border-color:transparent;
    border-style : solid;
    border-width: 0px 13px 15px 13px;
	border-bottom-color: #008199;
	z-index: 3;
}
.info_menu_item:hover:after{
	border-bottom-color: #034B8A;
}
#menu-item1:after{
	margin-left: 20px;
	margin-top: 11px;
}

#menu-item3:after{
	margin-left: 4px;
	margin-top: 11px;
}

#menu-item2:after{
	margin-left: 7px;
	margin-top: 11px;
}